/* 简洁的添加设备页面样式（对齐 XC 配网页） */
.content {
    background: #F8F9FA;
    min-height: 100vh;
    padding-top: 20rpx;
    box-sizing: border-box;
}

/* 搜索状态容器 */
.search-container {
    background: #FFFFFF;
    padding: 48rpx 40rpx 32rpx 40rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* 搜索动画 */
.search-animation {
    margin-bottom: 40rpx;
}

.search-icon {
    width: 200rpx;
    height: 200rpx;
}

/* 搜索状态文字 */
.search-status {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.status-text {
    font-size: 32rpx;
    color: #333333;
    font-weight: 500;
    margin-bottom: 16rpx;
}

.status-tips {
    font-size: 26rpx;
    color: #666666;
    line-height: 1.5;
    max-width: 500rpx;
}

/* 设备列表区域 */
.device-list-section {
    padding: 20rpx;
}

/* 设备项 */
.device-item {
    background: #FFFFFF;
    border-radius: 16rpx;
    margin-bottom: 16rpx;
    padding: 24rpx;
    display: flex;
    align-items: center;
    box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
    border: 1rpx solid #F0F0F0;
    transition: all 0.3s ease;
}

.device-item:active {
    transform: scale(0.98);
    box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);
}

/* 设备图标 */
.device-icon {
    width: 80rpx;
    height: 80rpx;
    border-radius: 12rpx;
    background: #F8F9FA;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20rpx;
}

.device-image {
    width: 60rpx;
    height: 60rpx;
}

/* 设备信息 */
.device-info {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.device-name {
    font-size: 32rpx;
    color: #333333;
    font-weight: 500;
    margin-bottom: 8rpx;
}

.device-status {
    font-size: 26rpx;
    color: #666666;
}

/* 设备连接区域 */
.device-connection {
    display: flex;
    align-items: center;
    margin-left: 16rpx;
}

/* 连接按钮 */
.connection-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12rpx 24rpx;
    background: linear-gradient(135deg, #3B82F6, #1D4ED8);
    border-radius: 24rpx;
    min-width: 120rpx;
    transition: all 0.3s ease;
    box-shadow: 0 2rpx 8rpx rgba(59, 130, 246, 0.3);
}

/* 已连接状态 - 使用和连接按钮相同样式，但颜色为绿色 */
.connection-btn.connected {
    background: linear-gradient(135deg, #10B981, #059669);
    box-shadow: 0 2rpx 8rpx rgba(16, 185, 129, 0.3);
}

.connection-btn:active {
    transform: scale(0.95);
    box-shadow: 0 1rpx 4rpx rgba(59, 130, 246, 0.4);
}

.connection-btn .btn-text {
    font-size: 26rpx;
    color: #FFFFFF;
    font-weight: 500;
}



/* 设备绑定进度容器 */
.binding-container {
    background: #FFFFFF;
    padding: 48rpx 40rpx 32rpx 40rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* 绑定动画 */
.binding-animation {
    margin-bottom: 40rpx;
}

.binding-icon {
    width: 200rpx;
    height: 200rpx;
}

/* 绑定状态文字 */
.binding-status {
    display: flex;
    flex-direction: column;
    align-items: center;
}